.main {
    width: 100%;
    margin: 0 auto; /* 居中容器 */
    display: flex;
    flex-direction: column;
    align-items: center; /* 垂直居中所有子元素 */
  }
  input[type="text"],
  textarea {
    width: 100%; /* 调整为100%以填充父容器 */
    /* 其他样式保持不变 */
    border: 2px solid #ced4da; /* 加粗边框 */
    border-radius: 6px; /* 轻微增加圆角 */
    padding: 15px; /* 增加内边距 */
    font-size: 16px;
  }
  textarea#description {
    width: 100%; /* 增加文本区域的宽度 */
    min-height: 150px; /* 调整最小高度 */
    border: 2px solid #ced4da;
    border-radius: 6px;
    padding: 20px;
    margin: 0 auto; /* 使其居中显示 */
  }

  .form-group {
    width: 60%; /* 与输入框宽度一致 */
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center; /* 居中对齐标签和输入框 */
  }
  .card-header {
    width: 100%; /* 让标题卡片宽度与容器一致 */
    /* 其他样式保持不变 */
    background-color: #bee3f0; /* 蓝色背景 */
    color: white; /* 白色文字 */
    font-size: 20px; /* 字体大小 */
    padding: 40px 0; /* 上下内边距 */
 
  }
  .btn{
    width: 400px;
    height:30px;
  }
      